<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>
好找，你的找工作招聘好帮手
    </title>
  <link href="https://cdn.staticfile.org/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">

</style>

</head>
<body>
	<div class="nav-wrapper">
		<div class="nav clearfix">
			<div class="main fl">
				
				<a href="" style="color: #ffffff;">职位</a>
				<a href="" style="color: #ffffff;">公司</a>
			</div>
		<!-- 表单的内嵌 -->
		<div class="navbar-nav  ml-auto">
			<form class="form-inline" action="#">
				<input class="form-control form-control-dark " type="text" placeholder=""
					id="search" />
				<button id="btnsearch" type="submit" class="btn btn-light"><i
						class="bi bi-search-heart-fill"></i></button>
			</form>
		</div>
    </div>
  
			
 <div class="container mt-5">
    <h2 class="mb-4">热门职位</h2>
    <div class="row">
      <div class="col-md-4 mb-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">职位1</h5>
            <p class="card-text">职位描述1</p>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">职位2</h5>
            <p class="card-text">职位描述2</p>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">职位3</h5>
            <p class="card-text">职位描述3</p>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-4 mb-4">
        <div class="card">
          <div class="card-body">
			  
            <h5 class="card-title">职位4</h5>
            <p class="card-text">职位描述4</p>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">职位5</h5>
            <p class="card-text">职位描述5</p>
          </div>
        </div>
      </div>
      <div class="col-md-4 mb-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">职位6</h5>
            <p class="card-text">职位描述6</p>
          </div>
        </div>
      </div>
    </div>
    
			
</body>
</html>

